<el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="修改密码" class="dialogStyleBase"
    width="400px" :visible.sync="boxVisible" append-to-body :before-close="editBoxCancel">
    <div class="dialogStyleBaseBox" v-loading="isLoading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">
            <el-form-item label="原密码" prop="password" :rules="{ required: true, message: '原密码不能为空'}">
                <el-input type="password" placeholder="请输入密码" v-model="form.password" maxlength="20" show-password
                    clearable>
                </el-input>
            </el-form-item>
            <el-form-item label="新密码" prop="newPassword"
                :rules="[{ required: true,trigger: ['blur', 'change'],validator:function(rule, value, callback){validateNewPassword(rule, value, callback)}}]">
                <el-input placeholder="请输入密码" v-model="form.newPassword" show-password maxlength="20" clearable>
                </el-input>
            </el-form-item>
        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="24">
                <el-button :disabled="isLoading" @click="editBoxCancel">取 消</el-button>
                <el-button :disabled="isLoading" type="primary" @click="handleClick">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>